<template>
    <div class="content">
      <span>{{propData.title}}</span>
      <img :src="propData.imgUrl" ref="imgRef">
    </div>
</template>

<script setup lang="ts">

  let propData = defineProps([
      'title',
      'imgUrl'
  ])


</script>

<style scoped>
.content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  box-sizing: border-box;
  width: 2rem;
  span {
    flex: 1;
    color: #676aff;
  }

  img {
    height: .8rem;
    width: .8rem;
  }
}
</style>